<!--{template "topic_header"}-->
<link href="templates/default/styles/photo.css" rel="stylesheet" type="text/css" />
<div class="appframe"> 
  <div class="appframeTitle">
    <span class="mleft">图片墙</span>
    <span class="mright appphoto">
    	  <a href="index.php?mod=topic&code=photo&type=3d" target="_blank">3D模式观看</a>
    	  <!--{eval if($type) $uclass='title_bg'; else $pclass='title_bg';}-->
    	  <a class="{$pclass}" href="index.php?mod=topic&code=photo">图片墙</a>
    	  <a class="{$uclass}" href="index.php?mod=topic&code=photo&uid={$url_uid}">{$nickname}关注人的图片</a>
    </span>
  </div>

        <!--列表 Begin-->
		<div class="boutique_connbody topnew_pic_bg">
		<!--{loop $topic_list $key $topiclist}-->
		<div class="item_wrap">
		<ul class="item_list" id="phototopic_{$key}">
		<!--{loop $topiclist $val}-->
		{template "topic_photo_item"}
		<!--{/loop}-->
		</ul>
		</div>
		<!--{/loop}-->
		<div style="clear:both;height:0;"></div>
		</div>
		<!--列表 End-->
		<!--正在加载-->
		<div id="boutique_load"></div>
		<!--/正在加载-->
</div>

<script type="text/javascript">
<!--{if $isloading}-->var isLoading = true;<!--{else}-->var isLoading = false;<!--{/if}-->
var onloading = false; var uid = {$uid};
var photopagenum = 0;var photoloadmsg = '<div class="boutique_load"><a href="javascript:;" onclick="loadphoto(uid);" class="load_link">载入更多</a></div>';
if(isLoading){$('#boutique_load').html(photoloadmsg);}
$(window).bind('scroll resize',function(event){if(isLoading && !onloading){var ulheight = $('#phototopic_0').height();for(var i=1;i<3;i++){if(ulheight>$('#phototopic_'+i).height()){ulheight = $('#phototopic_'+i).height();}}var bodyTop = document.documentElement.scrollTop + document.body.scrollTop;if(bodyTop+$(window).height() >= ulheight){loadphoto(uid);}}});
</script>

<!--{template "topic_footer"}-->